[#-- freemarker menu demo --]
<style type="text/css">

	/*临时
	body, table, input, textarea, select {
		font-family: 微软雅黑,Verdana,sans-serif,宋体;
	}*/
	
	#Top_MainNav {
			font-family: 微软雅黑,Verdana,sans-serif,宋体;
    		padding: 0 ;
    		margin:0;
	}	
	.CenterDiv {
		    background: none repeat scroll 0 0 #40AA53;
    		clear: both;
    		height: 30px;
    		padding: 0 4px 0 10px;
    		margin:0;
	}
	#Top_MainNav #MenuItems ul li.current {
		background: none repeat scroll 0 0 #FFFFFF;
    	border-top-left-radius: 5px;
    	border-top-right-radius: 5px;
    	height: 26px;
    	line-height: 24px;
	}
	
	#MenuItems {
		margin:0;
		padding:0;
	}
	#MenuItems ul {
		    float: left;
		    height: 24px;
		    line-height: 22px;
		    margin: 5px 0 0;
	}
	
	#MenuItems ul li.nav_item {
		    float: left;
		    font-weight: bold;
		    padding: 0 10px;
	}
	#MenuItems ul,  #MenuItems ol {
		    list-style-type: none;
	}
	
	#MenuItems ul li a {
	    color: #DDFFDD;
    	font-size: 10.5pt;
    	outline: 0 none;
    	text-decoration: none;
	}
	
	#Top_MainNav #MenuItems ul li.current a {
		color: #006600;
	}
	
	#Top_MainNav form {
    	float: right;
    	margin: 3px 0 0;
    	width: 310px;
	}
	#Top_MainNav form .f_l {
    	float: left;
	}
	#Top_MainNav form .ipt {
		background: none repeat scroll 0 0 #FFFFFF;
    	display: inline-block;
    	height: 22px;
    	padding: 2px 0 0 5px;
	}
	#Top_MainNav form .search_on .text {
	    background: url("http://www.oschina.net/img/android/selectbox_bg.png") no-repeat scroll 0 0 transparent;
	    color: #868686;
	    cursor: pointer;
	    display: block;
	    height: 24px;
	    line-height: 23px;
	    padding: 0 0 0 10px;
	    text-align: left;
	    width: 50px;
	}
	#Top_MainNav form .bnt {
    	background: none repeat scroll 0 0 #258436;
    	border: 1px solid #258436;
    	color: #FFFFFF;
    	cursor: pointer;
		height: 24px;
    	text-align: center;
    	width: 45px;
	}
	
	#Top_MainNav form .ipt input {
	    background: none repeat scroll 0 0 #FFFFFF;
	    border: medium none;
	    color: #868686;
	    font: 13px/22px Tahoma,Geneva,sans-serif;
	    height: 20px;
	    outline: 0 none;
	    padding: 0;
	    width: 200px;
	}
	#Top_MainNav form .search-by {
    	float: left;
	}
	
	#Top_MainNav form .search_on .text {
	    background: url("http://www.oschina.net/img/android/selectbox_bg.png") no-repeat scroll 0 0 transparent;
	    color: #868686;
	    cursor: pointer;
	    display: block;
	    height: 24px;
	    line-height: 23px;
	    padding: 0 0 0 10px;
	    text-align: left;
	    width: 50px;
	}

	#Top_MainNav form .search_on {
	    background: none repeat scroll 0 0 #FFFFFF;
	    position: relative;
	    text-align: center;
	}
	
	#Top_MainNav form .search_on .text.on {
    	background-position: 0 -24px;
	}
	#Top_MainNav form .search_on .text.hover {
	    background-position: 0 -48px;
	}
	
	#Top_MainNav form .search_list {
	    background: none repeat scroll 0 0 #FFFFFF;
	    border: 1px solid #C3C3C3;
	    display: none;
	    position: absolute;
	    width: 80px;
	    z-index: 9999;
	}
	#Top_MainNav form .search_list li {
	    height: 24px;
	    line-height: 24px;
	    width: 80px;
	}
	
	#Top_MainNav form .f_r {
	    float: right;
	}
	#Top_MainNav form .bnt {
	    background: none repeat scroll 0 0 #258436;
	    border: 1px solid #258436;
	    color: #FFFFFF;
	    cursor: pointer;
	    height: 24px;
	    text-align: center;
	    width: 45px;
	}
	#Top_MainNav form .hide {
	    display: none;
	}
</style>

	<div id="Top_MainNav">
		<div class="CenterDiv">
			<div id="MenuItems">
	    		<ul>
	    			<li class="nav_item t_home"><a onfocus="this.blur()" href="http://www.oschina.net/">首页</a></li>				
	    			<li class="nav_item t_project current"><a onfocus="this.blur()" id="nav_projects" href="http://www.oschina.net/project">开源软件</a></li>	
	    			<li class="nav_item t_android"><a title="Android开发专区" style="color:#FFF;" onfocus="this.blur()" href="http://www.oschina.net/android">Android</a></li>
	    		</ul>
			</div>
    		<form action="http://www.oschina.net/search">
				<span class="ipt f_l">
    				<input type="text" onfocus="if(this.value=='在 19497 款开源软件中搜索'){this.value='';};this.select();" onblur="(this.value=='')?this.value='在 19497 款开源软件中搜索':this.value" value="在 19497 款开源软件中搜索" class="SERACH" name="q" id="txt_q">
				</span>
				<div class="search-by selectbox">
    				<span class="hide">
    					<select name="scope">					
                        	<option selected="" value="project">软件</option>
                        	<option value="code">代码</option>
                        	<option value="bbs">讨论区</option>
                        	<option value="news">新闻</option>
                        	<option value="blog">博客</option>
    					</select>
					</span>
                  	<div id="search-item" class="search_on"><span class="text">软件</span></div>
                  	<ul class="search_list" style="display: none;">
						<li class="search-item"><a href="#1">软件</a></li>
                     	<li><a href="#2">代码</a></li>
                     	<li><a href="#3">讨论区</a></li>
                     	<li><a href="#4">新闻</a></li>
                     	<li><a href="#5">博客</a></li>
                  	</ul>
                  	<script type="text/javascript">SelectStyle("#search-item",".search_list")</script> 
                </div>
				<input type="submit" class="bnt f_r" value="搜索">			
    		</form>
		</div>
	</div>
			
<div id=${menuId}>
	<ul>
		<li>
			<a href="${menu.url}" title="${menu.description}" >${displayer.getMessage("${menu.title}")}</a>
		</li>
		[#if menu.subComponents != null]
			<ul>
				[#list menu.subComponents as item]
					<li>
						<a href="${item.url}" title="${item.description}" >${displayer.getMessage("${item.title}")}</a>
						${item.breadCrumb}
						${item.menuDepth}
						<ul>
							[#list item.subComponents as i]
								<li>
									<a href="${i.url}" title="${i.description}" >${displayer.getMessage("${i.title}")}</a>
									${i.breadCrumb}
									${i.menuDepth}
								</li>
							[/#list]
						</ul>
					</li>
				[/#list]
			</ul>
		[/#if]
	</ul>
</div>